<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登陆界面</title>
	<style type="text/css">
	.login{
	margin-left: 35%;
	margin-top: 10%;
	width: 400px;
	height: 300px;
	background: #ffffff;
	background: rgba(255,255,255,.9);
	opacity: 0.9;
/*	-moz-opacity: .9;
	-webkit-opacity: .9;

	filter: alpha(opacity=90);*/
	box-shadow: 0 0 30px black;
	border-radius: 10px;
	/*background:lightblue;*/
	}
	.title{
	text-align:center;
	background: gray;
	/*background: #4c5e47;*/
	width: 400px;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #cccccc;
	position: relative;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	}
/*	.logo{
	float: left;
	margin-left: 30px;
	margin-top: 10px;
	
	position: relative;
	}*/
	.login input{

	display: block;
	float: left;
	width: 340px;
	height: 35px;
	line-height: 35px;
	margin: 8px;
	text-indent: 20px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	color:#020202;
	font-size: 14px;
	margin-top: 2%;
	margin-left: 8%;
	}
	.btn{
	border-radius: 5px;
	background: gray;/*蓝黑#4c5e47*/
	border: none;
	color: white;
	font-size: 16px;
	text-align: center;
	}
	.rl{
	float: left;
    width: 200px;
    height: 20px;
    color:#4c5e47;
    text-align:center;
	}
	.warn{
	float: left;
	margin-left: 30px;
	font-size: 14px;
	color:#FF0000;
	}
	.content{
	background-image: url("/static/images/bkground/1.jpg");
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: cover;   
	}
	</style>
	

</head>
<body  class="content">

    <div class="login">
      <div class="title">
        
        <p></p>
      </div>
      <form action="login" method="post"  class="FRL">
      	<p class="warn">{{ msg }}</p> 
      	<input type="text" name="username" id="" value="" placeholder="请输入用户名"/>
        <input type="password" name="password" id="" value="" placeholder="请输入密码"/>
        <input type="submit" name="" id="" value="登录" class="btn" style="color: #ffffff;" /><br><br>   
        <div><a class="rl"   href="register.html">还没有账号？去注册</a></div>
       </form> 
    </div>



</body>
</html>